.index_swiper {
  position: relative;
  .city_input_row {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    z-index: 100000;
  }
}

.index_nav {
  background-color: #fff;
  display: flex;
  .nav_item {
    flex: 1;
    text-align: center;
    img {
      width: 60%;
    }

    p {
    }
  }
}

.renttings {
  padding: 10px;
  .renttings_title {
    padding: 5px 0;
    display: flex;
    justify-content: space-between;
    span {
      font-size: 16px;
      color: #000;
      font-weight: 600;
    }

    a {
    }
  }
  .renttings_content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    .renttings_item {
      background-color: #fff;
      width: 49%;
      display: flex;
      padding: 10px 5px;
      align-items: center;
      .renttings_item_info {
        flex: 3;
        .renttings_item_title {
          font-size: 15px;
          color: #000;
        }

        .renttings_item_desc {
        }
      }

      .renttings_item_img {
        flex: 2;
        img {
        }
      }
    }

    .renttings_content {
    }
  }
}
.news {
  background-color: #fff;
  padding: 10px;
  .news_title {
    padding: 5px 0;
    font-size: 16px;
    color: #000;
  }

  .news_content {
    .news_item {
      display: flex;
      border-bottom: 1px solid #ccc;
      padding: 10px 0;
      .news_img {
        flex: 2;
        padding: 0 5px;
        img {
          border-radius: 10px;
        }
      }

      .news_info {
        flex: 3;
        padding-right: 10px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        .news_main {
          color: #000;
          font-size: 15px;
        }

        .news_desc {
          display: flex;
          justify-content: space-between;
          font-size: 13px;
          color: #ccc;
          .news_from {
          }

          .news_date {
          }
        }
      }
    }
  }
}
